<%--
  Created by IntelliJ IDEA.
  User: kwc13
  Date: 2022/6/10
  Time: 8:49
  To change this template use File | Settings | File Templates. 
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<html>
<head>
    <title>登陆</title>
    <link href="/Web_css/login.css" rel="stylesheet" type="text/css"/>
    <script src="./Web_page/JQuery.min.js"></script>
    <script src="/Web_js/login.js" language="JavaScript" type="text/javascript"></script>
</head>
<body>
<div class="body">
    <div class="img_Left"><img src="/Web_img/login1.jpg"></div>
    <div class="content_Right">
        <div class="content_Top">
            <div class="log_Left">
                <img src="/Web_img/xiaomi_logo.png"><span>小米账号</span>
            </div>
            <div class="other_Right">
                <ul>
                    <li><a href="">用户协议</a></li>
                    <li><a href="">隐私政策</a></li>
                    <li><a href="">帮助中心</a></li>
                    <li><div class="other_Fill"></div></li>
                    <li><a href="">中文</a></li>
                </ul>
            </div>
        </div>
        <!-- 支撑 -->
        <div class="center_fill"></div>
        <!-- 登陆 -->
        <div class="login_Center">
            <div class="form_login">
                <div class="login_Title">
                    <span class="login" onclick="login(1)">登陆</span>
                    <span class="register" onclick="login(2)">注册</span>
                </div>
                <!-- 隐藏部分 -->
                <div class="form_input from_login">
                    <form>
                        <div class="id">
                            <span class="placeholder_id">邮箱/小米ID</span>
                            <input type="text" class="js_id" name="java_Text_Id" value="" >
                        </div>
                        <div class="hint">
                            <span class="hint_Id"></span>
                        </div>
                        <div class="password">
                            <span class="placeholder_password">密码</span>
                            <input type="password" autoComplete="true" class="js_password" name="java_Text_Password" value="">
                        </div>
                        <div class="hint" style="height: 30px">
                            <span class="hint_password"></span>
                        </div>
                        <div class="protocol">
                            <input type="checkbox" name="running">
                            <div class="protocol_Text"><span>已阅读并同意小米帐号</span> <a href="">用户协议</a> <span>和</span> <a href="">隐私政策</a></div>
                        </div>
                        <div class="button">
                            <button>登陆</button>
                        </div>
                        <div class="other_Information">
                            <a href="#">忘记密码?</a>
                        </div>
                        <div class="other_login">
                            <span>其他方式登录</span>
                        </div>
                        <div class="other_img">
                            <ul>
                                <li><a href="" style="margin-left: 0px;"><img src="/Web_img/weibo.png"></a></li>
                                <li><a href=""><img src="/Web_img/weixin.png"></a></li>
                                <li><a href=""><img src="/Web_img/QQ.png"></a></li>
                                <li><a href=""><img src="/Web_img/zhifubao.png"></a></li>
                            </ul>
                        </div>
                    </form>
                </div>


                <!-- 隐藏部分 -->
                <div class="form_input from_login" style="display: none">
                    <form action="/login" method="post">

                            <div class="id">
                                <span class="placeholder_Mail">QQ邮箱</span>
                                <input type="text" class="js_mail" name="java_Text_mail" value="" >
                            </div>
                            <div class="hint">
                                <span class="hint_mail"></span>
                            </div>
                            <div class="choose">
                                <span class="placeholder_Verification" style="margin-left: 10px;">请输入验证码</span>
                                <input type="text" class="placeholder_Input"><a class="obtain">获取验证码</a>
                            </div>
                        <div class="hint" style="margin-top: -40px;">
                            <span class="hint_Placeholder"></span>
                        </div>
                        <div class="password">
                            <span class="placeholder_New_Password">密码</span>
                            <input type="password" autoComplete="true" class="js_New_password" name="java_Text_Password" value="">
                        </div>
                        <div class="hint" style="height: 30px">
                            <span class="hint_New_password"></span>
                        </div>
                        <div class="protocol">
                            <input type="checkbox" name="running">
                            <div class="protocol_Text"><span>已阅读并同意小米帐号</span> <a href="">用户协议</a> <span>和</span> <a href="">隐私政策</a></div>
                        </div>
                        <div class="button">
                            <button>注册</button>
                        </div>
                        <div class="other_login">
                            <span>其他方式登录</span>
                        </div>
                        <div class="other_img">
                            <ul>
                                <li><a href="" style="margin-left: 0px;"><img src="/Web_img/weibo.png"></a></li>
                                <li><a href=""><img src="/Web_img/weixin.png"></a></li>
                                <li><a href=""><img src="/Web_img/QQ.png"></a></li>
                                <li><a href=""><img src="/Web_img/zhifubao.png"></a></li>
                            </ul>
                        </div>
                    </form>
                </div>
            </div>
        </div>
        <div class="other_Bottom">
            <span>小米公司版权所有-京ICP备10046444-京公网安备11010802020134号-京ICP证110507号</span>
        </div>
    </div>
</div>
<script>
    var java_index = "${toggle}";
    console.log(java_index)
    login(java_index);
</script>
</body>
</html>
